/*header*/
#header {
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  padding-top: 2.60416667%;
  padding-bottom: 1%;
  width: 100%;
  background-color: rgba(0,0,0,.2);
}
/*quick*/
#quick {
  margin-bottom: 1.5625%;
}
#quick ul {
  text-align: right;
  font-size: 0;
  line-height: normal;
}
#quick li {
  display: inline-block;
  margin-left: 2.1875%;
  position: relative;
}
#quick li ul {
  position: absolute;
  left: 50%;
  top: 100%;
  min-width: 60px;
  margin-top: 10px;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.9);
  padding: 5px 0;
  text-align: center;
  z-index: 2;
  display: none;
}
#quick li ul:before {
  border-bottom: 4px solid rgba(255, 255, 255, 0.9);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
}
#quick li li {
  font-size: 14px;
  line-height: 1.875em;
  margin-left: 0;
}
#quick li li a {
  width: auto;
  height: auto;
  padding: 0 5px;
}
#quick a {
  display: block;
  overflow: hidden;
  height: 1.35416667vw;
  width: 1.30208333vw;
  background: no-repeat center center;
  background-size: contain;
  color: #555;
}
#quick a:hover {
  opacity: .85;
}
#quick .icon-search {
  background-image: url(../images/icon_search.png);
}
#quick .icon-lang {
  background-image: url(../images/gb.svg);
}
#quick .icon-ucenter {
  background-image: url(../images/icon_ucenter.png);
}
#quick .icon-car {
  width: 1.5625vw;
  background-image: url(../images/icon_car.png);
}
/*search*/
#search {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 300px;
  background-color: #fff;
  display: none;
}
#search .form {
  padding-right: 34px;
}
#search .text {
  font-size: 14px;
  line-height: 24px;
  padding: 5px 5%;
  width: 90%;
  color: #555;
}
#search .submit {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 34px;
  background: #e60012 url(../images/icon_search.png) no-repeat center center;
  background-size: 50% auto;
  text-indent: -99999em;
  overflow: hidden;
  display: block;
  cursor: pointer;
}
/*top*/
#top {
  display: table;
  table-layout: fixed;
  width: 100%;
  position: relative;
}
/*logo*/
#logo {
  display: table-cell;
  vertical-align: middle;
  width: 27.0625%;
}
#logo h1 {
  padding-bottom: 9.69976905%;
  position: relative;
}
#logo a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999em;
  overflow: hidden;
  background: url(../images/logo.png) no-repeat left center;
  background-size: contain;
}
/*menu*/
#menu {
  display: table-cell;
  vertical-align: middle;
}
#menu > ul {
  float: right;
}
#menu > ul > li {
  float: left;
  font-size: 18px;
  line-height: 30px;
  padding: 0.56497175% 0 0.56497175% 2.40416667vw;
  position: relative;
}
#menu a {
  display: block;
  overflow: hidden;
  color: #fff;
}
#menu a:hover {
  color: #e60012;
}
#menu li ul {
  position: absolute;
  left: 50%;
  top: 100%;
  min-width: 120px;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.9);
  padding: 5px 0;
  margin-left: 1.30208333vw;
  display: none;
}
#menu li ul:before {
  border-bottom: 6px solid rgba(255, 255, 255, 0.9);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
}
#menu li li {
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}
#menu li li a {
  white-space: nowrap;
  padding: 3px 15px;
  color: #525252;
}
#menu li li a:hover {
  background-color: #e60012;
  color: #fff;
}
#menu #close {
  width: 14px;
  height: 14px;
  background: url(../images/icon_close.png) no-repeat center center;
  background-size: auto;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 3.19vh;
  z-index: 9;
  display: none;
}
#menu em {
  display: none;
}
/*navbtn*/
#navbtn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 34px;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 16px;
}
#navbtn i,
#navbtn i:before,
#navbtn i:after {
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  display: block;
  content: '';
  width: 100%;
}
#navbtn i {
  top: 50%;
  width: 20px;
  transform: translateY(-50%);
  margin-top: 1px;
}
#navbtn i:before {
  top: -7px;
}
#navbtn i:after {
  bottom: -7px;
}
/*banner*/
#banner {
  background: no-repeat center center;
  background-size: cover;
  padding-bottom: 31.25%;
}
/*bar*/
#bar {
  position: relative;
  z-index: 2;
  transform: translateY(-50%);
}
#bar:after {
  height: 100%;
  width: 50%;
  background-color: #efeff1;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
#bar .box {
  background-color: #efeff1;
  margin-left: 20px;
  position: relative;
  z-index: 2;
}
/*submenu*/
#submenu {
  margin-right: 250px;
  position: relative;
  margin-left: -20px;
}
#submenu .parent:before,
#submenu .column:before,
#submenu .parent:after,
#submenu .column:after {
  content: '';
  display: block;
  position: absolute;
}
#submenu .parent {
  float: left;
  width: 200px;
  height: 110px;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
}
#submenu .parent:before {
  width: 20px;
  height: 90px;
  background-color: #e60012;
  left: 0;
  top: 0;
}
#submenu .parent:after {
  background-color: #e60012;
  width: 25px;
  height: 80px;
  right: 0;
  bottom: 0;
}
#submenu .column {
  background-color: #e60012;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0 25px 0 20px;
  color: #fff;
  padding: 0 10px;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
}
#submenu .column:before {
  border-top: 20px solid #e60012;
  border-left: 20px solid transparent;
  bottom: 0;
  left: 0;
}
#submenu .column:after {
  border-bottom: 30px solid #e60012;
  border-right: 25px solid transparent;
  top: 0;
  right: 0;
}
#submenu h2 {
  font-size: 28px;
  line-height: 1.125em;
  font-weight: normal;
  width: 100%;
}
#submenu h3 {
  width: 100%;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 900;
  font-family: 'Oswald';
  text-transform: uppercase;
  letter-spacing: 1px;
}
#submenu ul {
  margin-left: 200px;
  overflow: hidden;
  padding-left: 2.96296296%;
}
#submenu li {
  float: left;
  font-size: 18px;
  line-height: 30px;
  padding: 25px 1.8018018%;
}
#submenu a {
  color: #666;
  display: block;
  position: relative;
}
#submenu a:after {
  width: 100%;
  height: 3px;
  background-color: #e60012;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -25px;
  display: none;
}
#submenu .current a,
#submenu a:hover {
  color: #e60012;
}
#submenu .current a:after {
  display: block;
}
/*breadcrumb*/
#breadcrumb {
  font-size: 16px;
  color: #999;
  line-height: 30px;
  float: right;
  padding: 25px 0;
}
#breadcrumb a {
  color: #999;
}
#breadcrumb i {
  font-style: normal;
  margin: 0 8px;
}
/*footer*/
#footer {
  background-color: #111;
  color: rgba(255, 255, 255, 0.3);
  padding: 2.1875% 0 1.97916667%;
}
#footer a {
  color: rgba(255, 255, 255, 0.3);
}
#footer a:hover {
  color: #fff;
}
/*bottom*/
#bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  margin-bottom: 1.0625%;
  padding: 1.75% 0;
  display: table;
  table-layout: fixed;
  width: 100%;
}
#bottom .item {
  display: table-cell;
  vertical-align: top;
}
#bottom h2 a {
  color: #fff;
}
/*btmMenu*/
.btmMenu h2 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 9.45454545%;
}
.btmMenu h2 a:hover {
  opacity: .85;
}
.btmMenu li {
  font-size: 16px;
  line-height: 1.875em;
  padding: 4px 0;
}
/*qrcode*/
#qrcode {
  width: 8.75%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  padding-right: 0;
  padding-left: 1.875%;
}
#qrcode .qr {
  overflow: hidden;
  margin-bottom: 6.36363636%;
}
#qrcode p {
  margin-bottom: 5.45454545%;
}
#qrcode img {
  display: block;
  width: 100%;
  height: auto;
}
/*contact*/
#contact {
  width: 22.5%;
}
#contact dl {
  padding: 0 11.11111111% 7.22222222%;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}
#contact dl:last-child {
  padding-bottom: 0;
}
#contact dt {
  font-size: 18px;
  margin-bottom: 2.1875%;
}
#contact dd {
  font-size: 16px;
  line-height: 1.75em;
  color: #fff;
  //text-transform: uppercase;
}
#contact dd a {
  color: #fff;
}
#contact dd a:hover {
  opacity: .85;
}
#contact .tel {
  font-weight: 900;
  font-family: 'Oswald';
  font-size: 24px;
  line-height: 1.125em;
}
#contact .ourMore {
  padding: 0 11.11111111% 7.22222222%;
}
#contact .ourMore a {
  border-color: rgba(209, 209, 209, 0.2);
}
#contact .ourMore a:hover {
  border-color: #fff;
}
/*links*/
#links {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  overflow: hidden;
  margin-bottom: 1.25%;
  padding-bottom: 1.0625%;
}
#links h2 {
  float: left;
  font-size: 16px;
  line-height: 1.875em;
  font-weight: normal;
}
#links ul {
  margin-left: 80px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-left: 5.625%;
}
#links li {
  float: left;
  padding-left: 4.1958042%;
}
/*pages*/
#pages {
  float: left;
}
#pages ul {
  overflow: hidden;
}
#pages li {
  float: left;
  position: relative;
  padding-right: 23px;
}
#pages li:after {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  content: '';
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
#pages li:last-child {
  padding-right: 0;
}
#pages li:last-child:after {
  display: none;
}
/*copyright*/
#copyright {
  float: right;
}
#copyright a {
  display: inline-block;
}
/*wrapper*/
#wrapper {
  overflow: hidden;
  padding: 2.60416667% 0 6.25%;
}
/*columnname*/
.columnname {
  text-align: center;
  padding: 0 174px;
  margin-bottom: 3.75%;
}
.columnname .name {
  display: inline-block;
  position: relative;
  font-size: 44px;
  font-weight: normal;
  line-height: 1.35em;
  padding: 0 3.99361022%;
}
.columnname .name:before,
.columnname .name:after {
  width: 174px;
  height: 43px;
  background: no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.columnname .name:before {
  right: 100%;
  background-image: url(../images/columnname_left.png);
}
.columnname .name:after {
  left: 100%;
  background-image: url(../images/columnname_right.png);
}
.columnname .tag {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: -5px 8px 0 0;
}
.columnname .tag i {
  display: block;
  color: #fff;
  background-color: #e60012;
  position: relative;
  height: 40px;
  line-height: 40px;
  font-size: 28px;
  margin: 0 6.5px;
  padding: 0 0.5px;
  font-style: normal;
}
.columnname .tag i:before,
.columnname .tag i:after {
  width: 6.5px;
  height: 100%;
  background: no-repeat 0 100%;
  background-size: 100% auto;
  content: '';
  display: block;
  position: absolute;
  top: 0;
}
.columnname .tag i:before {
  right: 100%;
  background-image: url(../images/category_button_left.png);
}
.columnname .tag i:after {
  left: 100%;
  background-image: url(../images/category_button_right.png);
}
.columnname.menuTab .name {
  font-size: 0;
  line-height: normal;
}
.columnname.menuTab a {
  width: 120px;
}
/*menuTab*/
.menuTab {
  font-size: 0;
  line-height: normal;
  text-align: center;
  margin-bottom: 3.75%;
}
.menuTab span {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}
.menuTab a {
  display: block;
  color: #666;
  background-color: #efeff1;
  position: relative;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  padding: 0 12px;
  margin: 0 8px;
}
.menuTab a:before,
.menuTab a:after {
  width: 8px;
  height: 100%;
  background: no-repeat 0 0;
  background-size: 100% auto;
  content: '';
  display: block;
  position: absolute;
  top: 0;
}
.menuTab a:before {
  right: 100%;
  background-image: url(../images/category_button_left.png);
}
.menuTab a:after {
  left: 100%;
  background-image: url(../images/category_button_right.png);
}
.menuTab .current a,
.menuTab a:hover {
  background-color: #e60012;
  color: #fff;
}
.menuTab .current a:before,
.menuTab a:hover:before,
.menuTab .current a:after,
.menuTab a:hover:after {
  background-position: 0 100%;
}
/*columnIntro*/
.columnIntro {
  font-size: 16px;
  color: #333;
  line-height: 1.75em;
  text-align: center;
}
/*pagenavi*/
#pagenavi {
  font-size: 0;
  line-height: normal;
  text-align: center;
}
#pagenavi a {
  min-width: 42px;
  background-color: #fff;
  display: inline-block;
  height: 48px;
  margin: 5px;
  font-size: 14px;
  vertical-align: top;
  padding: 0 3px;
  line-height: 48px;
  color: #999;
  font-family: 'Oswald';
  font-weight: 900;
  border: 1px solid #fff;
}
#pagenavi a:hover {
  border-color: #e60012;
  color: #e60012;
}
#pagenavi .a_cur {
  color: #fff;
  background-color: #e60012;
  border-color: #e60012;
}
#pagenavi .a_cur:hover {
  color: #fff;
}
#pagenavi .a_prev,
#pagenavi .a_next {
  text-indent: -99999em;
  position: relative;
  width: 48px;
  padding: 0;
}
#pagenavi .a_prev:before,
#pagenavi .a_next:before,
#pagenavi .a_prev:before,
#pagenavi .a_next:before {
  width: 18.75%;
  padding-bottom: 29.16666667%;
  background: no-repeat 0 0;
  background-size: 100% auto;
  content: '';
  display: block;
  position: absolute;
  left: 40.625%;
  top: 50%;
  transform: translateY(-50%);
}
#pagenavi .a_prev:hover:before,
#pagenavi .a_next:hover:before {
  background-position: 0 100%;
}
#pagenavi .a_prev:before {
  background-image: url(../images/a_prev.png);
}
#pagenavi .a_next:before {
  background-image: url(../images/a_next.png);
}
/*fameHall*/
#fameHall {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  width: 102.5%;
  margin-bottom: 0.875%;
}
#fameHall .item {
  width: 22.56097561%;
  padding: 0 2.43902439% 2.43902439% 0;
  overflow: hidden;
  float: left;
}
#fameHall .info {
  position: relative;
  height: 100%;
  padding: 6.48648649% 0 12.16216216%;
  box-sizing: border-box;
  overflow: hidden;
}
#fameHall .info:before,
#fameHall .info:after {
  width: 100%;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  background: no-repeat 0 0;
  background-size: 100% auto;
}
#fameHall .info:before {
  background-image: url(../images/bg_fame_hall_top.png);
  top: 0;
  padding-bottom: 6.48648649%;
}
#fameHall .info:after {
  background-image: url(../images/bg_fame_hall_btm.png);
  bottom: 0;
  padding-bottom: 12.16216216%;
}
#fameHall .box {
  padding: 0 6.21621622%;
  height: 100%;
  background: #fff repeat-y center center;
  background-size: 100% auto;
  position: relative;
  z-index: 2;
}
#fameHall .btm {
  border-top: 1px solid #eee;
  padding-top: 8.33333333%;
  font-size: 16px;
  color: #999;
  line-height: 1.75em;
}
#fameHall .top {
  overflow: hidden;
  margin-bottom: 10.49382716%;
}
#fameHall .avatar {
  float: left;
  width: 43.20987654%;
}
#fameHall .avatar i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: cover;
  border-radius: 50%;
}
#fameHall .text {
  float: right;
  width: 51.85185185%;
  padding: 4.32098765% 0;
}
#fameHall .name {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.35em;
  margin-bottom: 10.11904762%;
}
#fameHall .status {
  font-size: 14px;
  color: #666;
  line-height: 1.71428571em;
  white-space: pre-line;
}
#fameHall .info:hover:before,
#fameHall .info:hover:after {
  background-position: 0 100%;
}
#fameHall .info:hover .box {
  background-image: url(../images/bg_fame_hall_mid.png);
}
#fameHall .info:hover .name {
  color: #e60012;
}
/*dataQuery*/
#dataQuery {
  position: relative;
  padding-bottom: 0.5625%;
  margin-bottom: 0.6875%;
}
#dataQuery:after {
  width: 100%;
  padding-bottom: 3.375%;
  background: url(../images/shadown_data_query.png) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
}
#dataQuery .box {
  background-color: #fff;
  padding: 2.25% 0 1.5625%;
  position: relative;
  z-index: 2;
  margin: 1.5% 0 2.1875%;
}
#dataQuery .form {
  width: 80%;
  max-width: 600px;
  margin: 0 auto;
}
#dataQuery .item {
  margin-bottom: 3.33333333%;
  border: 1px solid #eaeaea;
  border-radius: 2px;
}
#dataQuery .text {
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  display: block;
  width: 95%;
  padding: 12px 2.5%;
  background-color: #fff;
  color: #555;
}
#dataQuery .button {
  padding-top: 1.66666667%;
}
#dataQuery .submit {
  background-color: #e60012;
  border-radius: 2px;
  color: #fff;
  display: block;
  width: 100%;
  height: 50px;
  font-size: 18px;
  cursor: pointer;
}
#dataQuery .submit i {
  font-style: normal;
  display: inline-block;
  background: url(../images/arrow_01.png) no-repeat right center;
  padding-right: 23px;
  transition: all .2s;
}
#dataQuery .submit:hover i {
  padding-right: 30px;
}
#dataQuery #top,
#dataQuery #btm {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 5;
}
#dataQuery #top {
  bottom: 100%;
}
#dataQuery #btm {
  top: 100%;
}
#dataQuery path {
  stroke: #fff;
  stroke-width: 1;
  fill: #fff;
}
/*dataResult*/
#dataResult {
  overflow: hidden;
  padding-top: 1.5%;
}
#dataResult svg {
  display: block;
  width: 100%;
  height: auto;
  fill: #fff;
  stroke: #fff;
  stroke-width: 1;
}
#dataResult .info {
  background-color: #fff;
  padding: 2.25% 6.25% 3.75%;
  overflow: hidden;
}
#dataResult .item {
  margin-bottom: 2.85714286%;
}
#dataResult h3 {
  font-size: 30px;
  font-weight: normal;
  line-height: 1.25em;
  position: relative;
  padding: 1% 0;
}
#dataResult h3:before {
  width: 30px;
  height: 3px;
  background-color: #e60012;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
#dataResult li {
  border-bottom: 1px dotted #949494;
  font-size: 18px;
  line-height: 1.44444444em;
  position: relative;
  padding: 5px 1.78571429% 5px 2.14285714%;
  margin-bottom: 0.71428571%;
}
#dataResult li:before {
  width: 3px;
  height: 3px;
  background-color: #e60012;
  content: '';
  display: block;
  position: absolute;
  left: 0.71428571%;
  top: 50%;
  transform: translateY(-50%);
}
#dataResult li a {
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #555;
}
#dataResult li span {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#dataResult .name {
  text-align: right;
  padding: 0 10px;
}
#dataResult .date {
  color: #999;
  width: 95px;
  padding: 0 24px;
}
#dataResult .file {
  width: 15px;
  border-left: 1px solid #eee;
  padding: 0 24px 0 23px;
  background: url(../images/arrow_02.png) no-repeat right center;
}
#dataResult .file i {
  display: block;
  width: 15px;
  height: 17px;
  background: url(../images/file_pdf.png) no-repeat center center;
  background-size: contain;
}
/*edge*/
.edge {
  padding: 2px;
  position: relative;
  background-color: #fff;
  display: block;
  overflow: hidden;
}
.edge:before,
.edge:after {
  content: '';
  display: block;
  position: absolute;
  background: no-repeat 0 0;
  background-size: 100% auto;
  z-index: 2;
}
.edge:before {
  width: 1%;
  padding-bottom: 1.4%;
  background-image: url(../images/edge_left.png);
  left: 0;
  top: 0;
}
.edge:after {
  width: 1.8125%;
  padding-bottom: 2.0625%;
  background-image: url(../images/edge_right.png);
  right: 0;
  bottom: 0;
}
.edge .more {
  position: relative;
  z-index: 2;
}
.edge .more:before,
.edge .more:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
}
.edge .more:before {
  width: 11.11111111%;
  padding-bottom: 17.03703704%;
  background: url(../images/edge_small_left_white.png) no-repeat center center;
  background-size: contain;
  top: 0;
  z-index: 2;
}
.edge .more:after {
  width: 1px;
  height: 40px;
  background-color: #eee;
  top: 50%;
  transform: translateY(-50%);
}
.edge:hover {
  background-color: #e60012;
}
.edge:hover:before,
.edge:hover:after {
  background-position: 0 100%;
}
.edge:hover .more {
  background-color: #e60012;
}
.edge:hover .more:after {
  display: none;
}
/*document*/
#document {
  overflow: hidden;
  margin-bottom: 2.8125%;
}
#document .item {
  margin-bottom: 0.625%;
}
#document .info {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #fff;
  line-height: 30px;
}
#document .date {
  display: table-cell;
  vertical-align: top;
  font-size: 13px;
  color: #999;
  font-weight: 900;
  font-family: 'Oswald';
  width: 100px;
  padding: 1.125% 0 1.125% 2.5%;
}
#document .title {
  display: table-cell;
  vertical-align: top;
  padding: 1.125% 2.5%;
}
#document h3 {
  font-size: 20px;
  font-weight: normal;
}
#document h3 i {
  display: inline-block;
  width: 19px;
  height: 21px;
  background: no-repeat center center;
  background-size: contain;
  margin: -5px 0 0 1.5625%;
  vertical-align: middle;
}
#document h3 .doc {
  background-image: url(../images/icon_doc.png);
}
#document h3 .pdf {
  background-image: url(../images/icon_pdf.png);
}
#document h3 .ppt {
  background-image: url(../images/icon_ppt.png);
}
#document h3 .xls {
  background-image: url(../images/icon_xls.png);
}
#document .more {
  width: 8.4375%;
  display: table-cell;
  vertical-align: middle;
  padding: 1.125% 0;
}
#document .more i {
  width: 11.85185185%;
  padding-bottom: 11.11111111%;
  display: block;
  overflow: hidden;
  background: url(../images/arrow_03.png) no-repeat 0 0;
  background-size: 100% auto;
  margin: 0 auto;
}
#document a:hover .more i {
  background-position: 0 100%;
}
#document a:hover .date {
  color: #e60012;
}
#document a:hover h3 {
  color: #333;
  font-weight: bold;
}
/*recruit*/
#recruit {
  overflow: hidden;
  padding: 2.86458333% 0;
}
/*logoWall*/
#logoWall {
  background-color: #f4f4f4;
  position: relative;
  padding: 7.65625% 0 3.64583333%;
}
#logoWall:before {
  width: 100%;
  padding-bottom: 8.4375%;
  background: url(../images/bg_recruit.png) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
#logoWall .item {
  padding: 1.4375% 0;
}
#logoWall h3 {
  font-size: 32px;
  font-weight: normal;
  line-height: 1.5em;
  text-align: center;
  margin-bottom: 2%;
}
#logoWall ul {
  width: 101.5625%;
  font-size: 0;
  line-height: normal;
}
#logoWall .center {
  text-align: center;
}
#logoWall li {
  display: inline-block;
  width: 18.46153846%;
  padding: 0 1.53846154% 1.53846154% 0;
}
#logoWall .logo {
  position: relative;
}
#logoWall .logo i {
  display: block;
  overflow: hidden;
  padding-bottom: 33.33333333%;
  background: no-repeat center center;
  background-size: contain;
  -webkit-mask-image: url(../images/bg_partner_mask.png);
  mask-image: url(../images/bg_partner_mask.png);
  -webkit-mask-size: cover;
  mask-size: cover;
}
#logoWall .logo:after {
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/bg_partner_mask_on.png) no-repeat center center;
  background-size: 100% 100%;
  opacity: 0;
  transition: all .2s;
}
#logoWall .logo:hover:after {
  opacity: 1;
}
/*prize*/
.readmore {
  overflow: hidden;
}
.readmore .m {
  float: left;
  font-size: 16px;
  color: #999;
  padding-left: 24px;
  display: block;
  position: relative;
}
.readmore .m:before {
  width: 16px;
  height: 16px;
  background: url(../images/arrow_04.png) no-repeat 0 0;
  background-size: 100% auto;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 1px;
}
.readmore .m:hover {
  color: #e60012;
}
.readmore .m:hover:before {
  background-position: 0 100%;
}
/*prize*/
#prize {
  width: 103.125%;
  overflow: hidden;
  margin-bottom: 0.4375%;
}
#prize .item {
  width: 30.3030303%;
  padding: 0 3.03030303% 3.03030303% 0;
  float: left;
}
#prize .info {
  background-color: #fff;
}
#prize .bg {
  padding-bottom: 60%;
}
#prize .text {
  padding: 6.2% 6%;
}
#prize .title {
  font-size: 20px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em;
  margin-bottom: 3.43642612%;
}
#prize .excerpt {
  font-size: 16px;
  line-height: 1.75em;
  color: #999;
  height: 3.5em;
  -webkit-line-clamp: 2;
  margin-bottom: 4.58190149%;
}
#prize a:before {
  width: 3.2%;
  padding-bottom: 4.8%;
}
#prize a:after {
  width: 5.8%;
  padding-bottom: 7%;
}
#prize a:hover {
  color: #333;
}
#prize a:hover .title {
  font-weight: bold;
}
#prize a:hover .m {
  color: #e60012;
}
#prize a:hover .m:before {
  background-position: 0 100%;
}
/*partner*/
#partner {
  padding: 6.25% 0 2.125%;
}
#partner .item {
  margin-bottom: 1.25%;
}
#partner .info {
  background-color: #fff;
  display: table;
  table-layout: fixed;
  width: 100%;
}
#partner .td {
  display: table-cell;
  vertical-align: middle;
}
#partner .pic {
  width: 240px;
  padding: 1.87969925% 0;
}
#partner .bg {
  width: 70.83333333%;
  padding-bottom: 45.83333333%;
  background-size: contain;
  margin: 0 auto;
}
#partner .text {
  padding-right: 12.53132832%;
}
#partner .title {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.35em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1.94931774%;
}
#partner .excerpt {
  font-size: 16px;
  color: #999;
  line-height: 1.75em;
  height: 3.5em;
  -webkit-line-clamp: 2;
}
#partner .more {
  width: 130px;
  text-align: center;
  font-size: 16px;
  color: #999;
  line-height: 1.25em;
}
#partner .more:after {
  height: 90px;
}
#partner .more span {
  display: block;
  position: relative;
}
#partner .more span:before {
  width: 12.30769231%;
  padding-bottom: 11.53846154%;
  background: url(../images/arrow_03.png) no-repeat 0 0;
  background-size: 100% auto;
  content: '';
  display: block;
  margin: 0 auto 11.53846154%;
}
#partner a:hover {
  color: #333;
}
#partner a:hover .more {
  color: #fff;
}
#partner a:hover .more span:before {
  background-position: 0 100%;
}
/*information*/
#information {
  margin-bottom: 2.125%;
  overflow: hidden;
}
#information .item {
  margin-bottom: 1.25%;
}
#information .info {
  background-color: #fff;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 2.03634085% 0;
}
#information .td {
  display: table-cell;
  vertical-align: middle;
}
#information .date {
  width: 165px;
}
#information .time {
  width: 80px;
  height: 90px;
  background: url(../images/bg_date.png) no-repeat 0 0;
  background-size: 100% auto;
  text-align: center;
  font: 900 13px/1.5em 'Oswald';
  color: #999;
  margin: 0 auto;
}
#information .time i {
  display: block;
  font-style: normal;
  font-size: 40px;
  line-height: 1em;
  margin-bottom: 6.25%;
}
#information time {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#information .text {
  padding-right: 17.23057644%;
}
#information .title {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.35em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1.76297747%;
}
#information .excerpt {
  font-size: 16px;
  color: #999;
  line-height: 1.75em;
  height: 3.5em;
  -webkit-line-clamp: 2;
}
#information .arrow {
  width: 135px;
  text-align: center;
  position: relative;
}
#information .arrow:before {
  height: 90px;
  width: 1px;
  background-color: #eee;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#information .arrow span {
  display: block;
  position: relative;
  width: 11.85185185%;
  padding-bottom: 11.11111111%;
  background: url(../images/arrow_04.png) no-repeat 0 0;
  background-size: 100% auto;
  margin: 0 auto;
}
#information .event .title {
  white-space: normal;
  margin-bottom: 1.27326151%;
  line-height: 1.5em;
  max-height: 3em;
  -webkit-line-clamp: 2;
}
#information .event .arrow:before {
  display: none;
}
#information .edge:hover {
  color: #333;
}
#information .edge:hover .time {
  background-position: 0 100%;
  color: #fff;
}
#information .edge:hover .arrow span {
  background-position: 0 100%;
}
/*tags*/
.tags {
  font-size: 0;
  line-height: normal;
}
.tags span {
  display: inline-block;
  padding: 1px;
  background-color: #f27f88;
  margin: 0.97943193% 0.97943193% 0 0;
  font-size: 13px;
  line-height: 20px;
  height: 20px;
  color: #e60012;
  position: relative;
}
.tags span:before,
.tags span:after {
  width: 7px;
  height: 7px;
  background: url(../images/tags_edge.png) no-repeat 0 0;
  background-size: 100% auto;
  content: '';
  display: block;
  position: absolute;
}
.tags span:before {
  left: 0;
  bottom: 0;
}
.tags span:after {
  right: 0;
  top: 0;
  background-position: 0 100%;
}
.tags i {
  display: block;
  font-style: normal;
  background-color: #fef8f9;
  padding: 0 13px;
}
/*committee*/
#committee {
  overflow: hidden;
}
#committee .hgroup {
  text-align: center;
  margin-bottom: 3.125%;
}
#committee .title {
  font-size: 44px;
  line-height: 1.35em;
  font-weight: normal;
}
#committee .sub {
  font-size: 28px;
  line-height: 1.5em;
  margin-top: 0.25%;
}
#committee ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -moz-flex-flow: wrap;
  -ms-flex-flow: wrap;
  -o-flex-flow: wrap;
  flex-flow: wrap;
  justify-content: center;
  width: 101.65625%;
}
#committee li {
  width: 23.36304949%;
  padding: 3.68890255% 1.62926529% 3.68890255% 0;
}
#committee .avatar {
  width: 47.36842105%;
  float: left;
}
#committee .avatar i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  border-radius: 50%;
  background: no-repeat center center;
  background-size: cover;
}
#committee .text {
  width: 47.36842105%;
  float: right;
}
#committee .name {
  font-size: 24px;
  line-height: 1.35em;
  border-bottom: 1px solid #bcbcbc;
  padding-bottom: 7.77777778%;
  margin-bottom: 6.66666667%;
}
#committee .intro {
  font-size: 16px;
  line-height: 1.75em;
  color: #666;
  white-space: pre-line;
}
/*leader*/
#leader {
  padding: 1.875% 0;
}
#leader li:first-child {
  padding-left: 21.7337842%;
}
#leader li:nth-child(2) {
  padding-right: 21.7337842%;
}
#leader li:nth-child(3) {
  padding-left: 12.54226868%;
}
#leader li:nth-child(5) {
  padding-right: 12.54226868%;
}
/*secretary*/
#secretary {
  background-color: #f4f4f4;
  position: relative;
  padding: 9.89583333% 0 6.25%;
}
#secretary:before {
  width: 100%;
  padding-bottom: 8.4375%;
  background: url(../images/bg_recruit.png) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
#secretary .inner {
  position: relative;
  z-index: 2;
}
/*introduction*/
#introduction .item {
  position: relative;
  padding-right: 23.75%;
  margin-bottom: 5%;
}
#introduction .box {
  background-color: #fff;
  padding-right: 22.54098361%;
  padding: 2.45901639% 22.54098361% 2.45901639% 4.91803279%;
}
#introduction .title {
  overflow: hidden;
  margin-bottom: 5.64971751%;
}
#introduction .logo {
  float: left;
  width: 35.02824859%;
}
#introduction .logo img {
  display: block;
  width: 100%;
  height: auto;
}
#introduction .name {
  float: right;
  width: 49.71751412%;
  text-align: right;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.5em;
  border-bottom: 3px solid #0665b0;
  padding: 4.18079096% 0;
}
#introduction .intro {
  font-size: 16px;
  color: #666;
  line-height: 1.75em;
  clear: both;
}
#introduction .pic {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 1.875%;
  overflow: hidden;
  width: 37.5%;
  z-index: 2;
}
#introduction .pic img {
  width: auto;
  max-width: 100%;
  height: auto;
  float: right;
}
#introduction .abbr {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: 9.9375%;
}
#introduction .abbr img {
  display: block;
  width: 100%;
  height: auto;
}
#introduction svg {
  fill: #fff;
  display: block;
  width: 100%;
  height: auto;
  stroke: #fff;
  stroke-width: 1;
}
#introduction .item:first-child .pic {
  margin-bottom: 7.5%;
}
#introduction .item:last-child {
  margin-bottom: 0;
}
/*#timeLine*/
#timeLine {
  padding: 0 80px;
  position: relative;
  margin-bottom: 1.375%;
}
#timeLine .box {
  overflow: hidden;
  position: relative;
}
#timeLine .box:before {
  width: 100%;
  height: 1px;
  background-color: #e8e8e8;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 19px;
}
#timeLine .slick-load {
  margin: 0 auto;
  width: 11.11111111%;
  z-index: 2;
}
#timeLine .slick-list {
  overflow: visible;
  padding-bottom: 20px;
}
#timeLine .slick-track {
  margin: 0;
}
#timeLine .item {
  position: relative;
}
#timeLine .item:after {
  width: 100%;
  right: 50%;
  background: url(../images/line_timeline.png) repeat-x left center;
  height: 9px;
  content: '';
  display: block;
  position: absolute;
  bottom: -5px;
}
#timeLine .slick-slide:first-child .item:after {
  display: none;
}
#timeLine .year {
  display: block;
  font: 900 24px/60px 'Oswald';
  color: #999;
  height: 60px;
  transition: all .2s;
  text-align: center;
  cursor: pointer;
  padding-bottom: 5px;
  position: relative;
}
#timeLine .year:after {
  width: 9px;
  height: 9px;
  background-color: #cfcfd3;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
  transition: all .2s;
}
#timeLine .slick-current .year {
  color: #e60012;
  font-size: 44px;
  line-height: 44px;
}
#timeLine .slick-current .year:after {
  width: 13px;
  height: 13px;
  background-color: #e60012;
  bottom: -7px;
}
#timeLine .slick-arrow {
  bottom: 0;
  position: absolute;
}
#timeLine .slick-prev {
  left: 0;
}
#timeLine .slick-next {
  right: 0;
}
/*defs*/
#defs {
  display: none;
}
/*review*/
#review {
  overflow: hidden;
}
#review .item {
  margin-top: 2.5%;
}
#review .info {
  background-color: #fff;
  display: table;
  table-layout: fixed;
  width: 100%;
}
#review .pic,
#review .text {
  display: table-cell;
  vertical-align: middle;
}
#review .pic {
  width: 50.12531328%;
}
#review .bg {
  padding-bottom: 52.5%;
}
#review .text {
  padding: 0.3125% 3.75%;
}
#review .logo {
  width: 26.62721893%;
  margin-bottom: 7.3964497%;
}
#review .logo i {
  display: block;
  overflow: hidden;
  padding-bottom: 38.70967742%;
  background: no-repeat left center;
  background-size: contain;
}
#review .title {
  font-size: 28px;
  line-height: 1.35em;
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 1.77514793%;
  margin-bottom: 2.81065089%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#review .date {
  font: 900 18px/1.125em 'Oswald';
  color: #999;
  padding-left: 28px;
  background: url(../images/icon_date.png) no-repeat left center;
  margin-bottom: 9.76331361%;
}
#review .edge {
  background-color: transparent;
}
#review .edge:hover {
  background-color: #e60012;
}
#review .edge:hover .title {
  color: #333;
}
#review .edge:hover .m {
  color: #e60012;
}
#review .edge:hover .m:before {
  background-position: 0 100%;
}
#review .tag a {
  color: #e60012;
  margin-right: 10px;
}
#review .tag a:hover {
  text-decoration: underline;
}
#review svg {
  fill: none;
}
#review image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/*review*/
#reviewPost {
  margin-bottom: 6.25%;
}
#reviewPost #banner {
  position: relative;
}
#reviewPost #banner:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/mask_banner.png) no-repeat center top;
  background-size: cover;
  opacity: .8;
}
#reviewPost #review {
  margin-top: -16.25%;
  position: relative;
  z-index: 2;
  margin-bottom: 1.875%;
}
#reviewPost #review .item {
  padding: 0;
  margin-top: 0;
}
#reviewPost #review .item:before {
  display: none;
}
#reviewPost #review .item:hover {
  background-color: transparent;
}
#reviewPost #review .item:hover:after {
  background-position: 0 0;
}
#reviewPost #review .info {
  background-color: transparent;
}
#reviewPost #review .bg {
  -webkit-mask-image: url(../images/mask_review.png);
  mask-image: url(../images/mask_review.png);
  -webkit-mask-size: cover;
  mask-size: cover;
}
#reviewPost #review .text {
  background-color: #fff;
}
#reviewPost #review .title {
  font-weight: normal;
}
/*reviewBox*/
#reviewBox svg {
  fill: #fff;
  stroke-width: 1;
  stroke: #fff;
  display: block;
}
/*reviewTab*/
#reviewTab {
  border-bottom: 1px solid #efefef;
  padding: 5px 2.5% 0;
  background-color: #fff;
}
#reviewTab ul {
  font-size: 0;
  line-height: normal;
}
#reviewTab li {
  font-size: 18px;
  color: #666;
  line-height: 1.5em;
  display: inline-block;
  margin-right: 2.63157895%;
  padding-bottom: 1.44736842%;
  position: relative;
}
#reviewTab li:after {
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background-color: #e60012;
  content: '';
  display: block;
  position: absolute;
  display: none;
}
#reviewTab span {
  cursor: pointer;
}
#reviewTab .current:after {
  display: block;
}
/*reviewInfo*/
#reviewInfo {
  padding: 2.5% 2.5% 1.5625%;
  background-color: #fff;
}
#reviewInfo .info {
  overflow: hidden;
}
/*fleet*/
.fleet table {
  border: none;
}
.fleet th,
.fleet td {
  border: none;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background-color: #f6f6f8;
  color: #666;
  line-height: 24px;
  padding: 8px 1.31578947%;
  text-align: left;
}
.fleet th:last-child,
.fleet td:last-child {
  border-right: none;
}
.fleet th:nth-child(2n-1),
.fleet td:nth-child(2n-1) {
  width: 5.26315789%;
  text-align: center;
  padding: 8px;
}
.fleet th {
  font-weight: normal;
  font-size: 14px;
  background-color: #efeff1;
}
.fleet td {
  font-size: 16px;
}
.fleet td:nth-child(2n-1) {
  font-family: 'Oswald';
  font-weight: 900;
  font-size: 14px;
  background-color: #efeff1;
}
/*medal*/
.medal {
  float: right;
}
.medal li {
  float: left;
  padding-left: 15px;
}
.medal i {
  display: block;
  background: no-repeat left center;
  padding-left: 30px;
  font: 900 normal 14px/24px 'Oswald';
  color: #999;
}
.medal .gold {
  background-image: url(../images/medal_01.png);
}
.medal .silver {
  background-image: url(../images/medal_02.png);
}
.medal .bronze {
  background-image: url(../images/medal_03.png);
}
/*entry*/
.entry {
  font-size: 16px;
  line-height: 1.75em;
  color: #666;
}
.entry img {
  max-width: 100%;
  height: auto!important;
}
/*ranking*/
#ranking {
  margin-bottom: 2.5%;
}
#ranking .list {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
#ranking table {
  min-width: 1600px;
}
#ranking th,
#ranking td {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  border-color: #f6f6f6;
  color: #666;
  padding: 8px 5px;
}
/*#ranking th:nth-child(3n),*/
/*#ranking td:nth-child(3n) {*/
/*  text-align: left;*/
/*  padding-left: 20px;*/
/*  padding-right: 20px;*/
/*  width: 342px;*/
/*}*/
#ranking th:nth-child(2n),
#ranking td:nth-child(2n) {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  width: 342px;
}
/*#ranking th:nth-child(3n+2),*/
/*#ranking td:nth-child(3n+2) {*/
/*  width: 60px;*/
/*}*/
#ranking th:nth-child(2n+2),
#ranking td:nth-child(2n+2) {
  width: 320px;
}
#ranking th {
  background-color: #efeff1;
  font-weight: normal;
}
/*#ranking th:nth-child(3n+1) {*/
/*  width: 100px;*/
/*}*/
#ranking th:nth-child(2n+1) {
  width: 100px;
}
#ranking td {
  background-color: #fff;
}
/*#ranking td:nth-child(3n+1) {*/
/*  background-color: #efeff1;*/
/*  font: 900 normal 14px/24px 'Oswald';*/
/*  width: 100px;*/
/*}*/
#ranking td:nth-child(2n+1) {
  background-color: #efeff1;
  font: 900 normal 14px/24px 'Oswald';
  width: 100px;
}
#ranking td:nth-child(2n) {
  font-size: 16px;
}
/*#ranking td:nth-child(3n) {*/
/*  font-size: 16px;*/
/*}*/
/*fleetIntro*/
#fleetIntro {
  background-color: #fff;
  padding: 2.5%;
}
#fleetIntro .top,
#fleetIntro .btm {
  display: table;
  table-layout: fixed;
  width: 100%;
}
#fleetIntro .top {
  border-bottom: 1px solid #ededed;
  padding-bottom: 2.17105263%;
  margin-bottom: 2.63157895%;
}
#fleetIntro .qr {
  vertical-align: top;
  display: table-cell;
  width: 62px;
}
#fleetIntro .qr img {
  display: block;
  width: 100%;
  height: auto;
}
#fleetIntro .title {
  display: table-cell;
  vertical-align: middle;
  padding-right: 5%;
}
#fleetIntro .title h2 {
  font-size: 18px;
  color: #999;
  line-height: 1.5em;
  font-weight: normal;
  margin-bottom: 0.4341534%;
}
#fleetIntro .title h3 {
  font-size: 24px;
  line-height: 1.5em;
  font-weight: normal;
}
#fleetIntro .mid {
  overflow: hidden;
}
#fleetIntro .mid h4 {
  float: left;
  font-size: 18px;
  color: #999;
  font-weight: normal;
  line-height: 36px;
}
#fleetIntro .mid ul {
  margin-left: 115px;
  overflow: hidden;
}
#fleetIntro .mid li {
  float: left;
  width: 95px;
  padding: 0 2.13523132% 2.13523132% 0;
}
#fleetIntro .mid i {
  display: block;
  overflow: hidden;
  padding-bottom: 38.70967742%;
  background: no-repeat center center;
  background-size: contain;
}
#fleetIntro .btm {
  margin-bottom: 2.10526316%;
}
#fleetIntro .entry,
#fleetIntro .tab {
  display: table-cell;
  vertical-align: top;
}
#fleetIntro .entry {
  /*padding-right: 8.88157895%;*/
}
#fleetIntro .tab {
  width: 176px;
}
#fleetIntro .button {
  background-color: #efeff1;
  border-radius: 3px;
  text-align: center;
  overflow: hidden;
}
#fleetIntro .button span {
  display: block;
  width: 50%;
  float: left;
  font-size: 18px;
  color: #999;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  position: relative;
}
#fleetIntro .button span:first-child {
  width: 45.45454545%;
}
#fleetIntro .button span:first-child:before {
  content: '';
  display: block;
  position: absolute;
  left: 100%;
  border-left: 25px solid #efeff1;
  border-top: 55px solid transparent;
  top: 0;
  z-index: 2;
}
#fleetIntro .button span:last-child {
  width: 54.54545455%;
}
#fleetIntro .button .current {
  background-color: #e60012;
  color: #fff;
}
#fleetIntro .button .current:first-child:before {
  border-left-color: #e60012;
}
#fleetIntro table {
  background-color: #f8f8f8;
}
#fleetIntro th,
#fleetIntro td {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  border-color: #fff;
  padding: 8px 5px;
}
#fleetIntro th:last-child,
#fleetIntro td:last-child {
  border-right: none;
}
#fleetIntro th {
  background-color: #efeff1;
  font-weight: normal;
}
#fleetIntro td {
  text-align: center;
}
#fleetIntro td:first-child {
  background-color: #efeff1;
  font-family: 'Oswald';
  font-weight: 900;
}
/*home*/
#home {
  overflow: hidden;
}
/*homeTop*/
#homeTop {
  position: relative;
}
/*slides*/
#slides .bg,
#slides .loading {
  padding-bottom: 48.95833333%;
}
#slides .slick-dots {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2.60416667%;
}
#slides .slick-dots li {
  padding: 1.06382979vh 0;
}
#slides .slick-dots button {
  display: block;
  width: 20px;
  height: 20px;
  border: 3px solid #e60012;
  opacity: .3;
  cursor: pointer;
  font-size: 0;
  line-height: normal;
  border-radius: 50%;
  transition: all .2s;
}
#slides .slick-dots .slick-active button {
  opacity: 1;
}
/*announcement*/
#announcement .inner {
  position: absolute;
  bottom: 5.31914894%;
  left: 50%;
  transform: translateX(-50%);
}
#announcement .inner:before {
  content: '';
  display: block;
  position: absolute;
  width: 15.625%;
  padding-bottom: 7.1875%;
  background: url(../images/bg_announcement.png) no-repeat center center;
  background-size: contain;
  right: -0.3125%;
  bottom: 0;
  margin-bottom: -0.3125%;
}
#announcement .info {
  display: table;
  table-layout: fixed;
  width: 100%;
}
#announcement .pic,
#announcement .text {
  display: table-cell;
  vertical-align: middle;
}
#announcement .pic {
  width: 214px;
  background: no-repeat center center;
  background-size: cover;
  position: relative;
  z-index: 2;
}
#announcement .bg {
  padding-bottom: 56.07476636%;
}
#announcement .text {
  position: relative;
  overflow: hidden;
}
#announcement .text:before,
#announcement .text:after {
  content: '';
  display: block;
  position: absolute;
}
#announcement .text:before {
  height: 100%;
  width: 100%;
  right: 0;
  background-color: #fff;
  bottom: 0;
  margin-bottom: 3.24675325%;
}
#announcement .text:after {
  height: 100%;
  width: 100%;
  right: 0;
  bottom: 0;
  background-color: #fff;
  margin-right: 2.88600289%;
}
#announcement .corner {
  position: absolute;
  width: 2.88600289%;
  padding-bottom: 3.24675325%;
  background: url(../images/edge_01.png) no-repeat center center;
  background-size: contain;
  right: 0;
  bottom: 0;
}
#announcement .list {
  padding: 0 34.34343434% 0 5.77200577%;
  position: relative;
  z-index: 2;
}
#announcement h2 {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.25em;
  background: url(../images/icon_flag.png) no-repeat left center;
  padding-left: 40px;
  margin-bottom: 13px;
}
#announcement .slick-slider {
  position: static;
}
#announcement .item {
  font-size: 18px;
  color: #000;
  line-height: 1.5em;
  position: relative;
  font-weight: bold;
}
#announcement time {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#announcement a {
  display: block;
  padding-right: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}
#announcement a:hover {
  color: #e60012;
}
#announcement .slick-dots {
  font-size: 0;
  line-height: normal;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4.32900433%;
}
#announcement .slick-dots li {
  display: inline-block;
  margin-left: 10px;
}
#announcement .slick-dots button {
  display: block;
  text-indent: -99999em;
  overflow: hidden;
  font-size: 0;
  line-height: normal;
  width: 10px;
  height: 10px;
  background-color: #969696;
  opacity: .3;
  border-radius: 50%;
  cursor: pointer;
}
#announcement .slick-dots .slick-active button {
  background-color: #e60012;
  opacity: 1;
}
/*ourTitle*/
.ourTitle {
  background: url(../images/bg_our_title.png) no-repeat left top;
  padding-top: 33px;
  overflow: hidden;
  margin-bottom: 2.5%;
}
.ourTitle h2,
.ourTitle h3 {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1em;
}
.ourTitle h2 {
  font-size: 44px;
  font-weight: normal;
}
.ourTitle h3 {
  font-size: 30px;
  color: #e60012;
  margin-bottom: -5px;
  text-transform: uppercase;
}
/*ourMore*/
.ourMore a {
  font-size: 16px;
  color: #999;
  border: 4px solid #d1d1d1;
  height: 36px;
  width: 136px;
  text-align: center;
  line-height: 36px;
  border-radius: 22px;
  display: block;
}
.ourMore a:hover {
  color: #e60012;
  border-color: #e60012;
}
/*ourName*/
.ourName {
  position: absolute;
  left: -3.125%;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
}
.ourName img {
  display: block;
  width: 100%;
  height: auto;
}
/*ourPartner*/
#ourPartner {
  padding: 13.02083333% 0 7.03125%;
  background-color: #f4f4f4;
  position: relative;
}
#ourPartner:before {
  width: 100%;
  padding-bottom: 8.4375%;
  background: url(../images/bg_recruit.png) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
#ourPartner .inner {
  position: relative;
}
#ourPartner .info {
  overflow: hidden;
}
#ourPartner .ourMore {
  position: absolute;
  right: 0;
  bottom: 4.45859873%;
}
#ourPartner .ourTitle {
  background-position: right top;
  margin-bottom: 24.14860681%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
}
#ourPartner h2 {
  padding-left: 5px;
}
#ourPartner .meta {
  float: right;
}
#ourPartner .arrows {
  font-size: 0;
  line-height: normal;
  text-align: right;
}
#ourPartner .slick-next {
  margin-left: 10px;
}
#ourPartner .list {
  margin-right: 325px;
  padding-right: 1.5625%;
  overflow: hidden;
}
#ourPartner .logo {
  padding: 0 6.56% 6.56% 0;
}
#ourPartner .logo i {
  padding-bottom: 33.33333333%;
  display: block;
  overflow: hidden;
  background: no-repeat center center;
  background-size: contain;
}
/*ourNews*/
#ourNews {
  background-color: #fff;
  padding: 13.02083333% 0 6.25%;
  position: relative;
}
#ourNews:before {
  width: 100%;
  padding-bottom: 6.25%;
  background: url(../images/bg_our_box_01.jpg) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 100%;
}
#ourNews .inner {
  position: relative;
}
#ourNews .arrows,
#ourNews .ourMore {
  position: absolute;
  top: 0;
  right: 0;
}
#ourNews .arrows {
  right: 144px;
  white-space: nowrap;
  padding: 2px 0;
  margin-right: 2.8125%;
  font-size: 0;
  line-height: normal;
  text-align: center;
}
#ourNews .slick-next {
  margin-left: 10px;
}
#ourNews .slick-load {
  margin-left: -10px;
  width: 117.1875%;
}
#ourNews .slick-track {
  margin: 0;
}
#ourNews .pic {
  overflow: visible;
}
#ourNews .pic:before {
  width: 86.55462185%;
  padding-bottom: 60.33613445%;
  background: url(../images/bg_our_news.png) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  left: -1.68067227%;
  bottom: 0;
  margin-bottom: -1.68067227%;
}
#ourNews .mask {
  -webkit-mask-image: url(../images/mask_our_news.png);
  mask-image: url(../images/mask_our_news.png);
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  overflow: hidden;
}
#ourNews .mask:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(../images/shadow_our_news.png) repeat-x center bottom;
  background-size: auto 100%;
}
#ourNews .bg {
  padding-bottom: 63.86554622%;
}
#ourNews .text {
  position: absolute;
  width: 93.27731092%;
  left: 6.72268908%;
  bottom: 0;
  z-index: 2;
  margin-bottom: 7.89915966%;
}
#ourNews h4 {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.35em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 125px;
}
#ourNews time {
  display: block;
  width: 110px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: url(../images/bg_our_news_date.png) no-repeat left center;
  background-size: auto 100%;
  font: 900 16px/30px 'Oswald';
  letter-spacing: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 15px;
}
#ourNews .item a {
  display: block;
  overflow: hidden;
  padding: 0 0 10px 10px;
  position: relative;
  color: #fff;
  margin-right: 3.2%;
}
/*ourRecentTrends*/
#ourRecentTrends {
  background-color: #f4f4f4;
  padding-top: 13.02083333%;
  position: relative;
  margin-bottom: -2.60416667%;
}
#ourRecentTrends:before {
  width: 100%;
  padding-bottom: 8.4375%;
  background: url(../images/bg_recruit.png) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
#ourRecentTrends .inner {
  position: relative;
  z-index: 2;
}
/*ourSubTitle*/
.ourSubTitle {
  position: absolute;
  left: 5.88235294%;
  top: 5%;
  width: 88.23529412%;
  z-index: 2;
  color: #fff;
}
.ourSubTitle h2 {
  font-size: 36px;
  line-height: 1.125em;
  font-weight: normal;
  margin-bottom: 1.52380952%;
}
.ourSubTitle h3 {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.5em;
}
/*ourTrend*/
#ourTrend {
  width: 37.1875%;
  float: left;
  position: relative;
}
#ourTrend .bg {
  padding-bottom: 104.20168067%;
}
#ourTrend .slick-dots {
  font-size: 0;
  line-height: normal;
  position: absolute;
  bottom: 6.4516129%;
  right: 5.88235294%;
  z-index: 2;
}
#ourTrend .slick-dots li {
  display: inline-block;
  margin-left: 10px;
}
#ourTrend .slick-dots button {
  display: block;
  text-indent: -99999em;
  overflow: hidden;
  font-size: 0;
  line-height: normal;
  width: 10px;
  height: 10px;
  background-color: #969696;
  opacity: .3;
  border-radius: 50%;
  cursor: pointer;
}
#ourTrend .slick-dots .slick-active button {
  background-color: #e60012;
  opacity: 1;
}
#ourTrend .text {
  position: absolute;
  left: 5.88235294%;
  bottom: 5%;
  width: 70.58823529%;
}
#ourTrend time {
  display: block;
  font: 900 16px/1.5em 'Oswald';
  color: #ccc;
  margin-bottom: 2.38095238%;
}
#ourTrend h4 {
  font-size: 18px;
  line-height: 1.25em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  padding-right: 20px;
  position: relative;
}
#ourTrend h4:after {
  width: 16px;
  height: 15px;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/arrow_03.png) no-repeat 0 100%;
  background-size: 100% auto;
}
#ourTrend a {
  display: block;
  overflow: hidden;
  color: #fff;
}
/*ourRecent*/
#ourRecent {
  float: right;
  width: 60.625%;
}
#ourRecent .meta {
  overflow: hidden;
}
#ourRecent .ourTitle {
  float: right;
  background-position: right top;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  width: 270px;
}
#ourRecent .tab {
  overflow: hidden;
  font-size: 0;
  line-height: normal;
  margin-right: 270px;
  padding-top: 40px;
}
#ourRecent .tab span {
  display: inline-block;
  font-size: 24px;
  color: #2e312c;
  border-bottom: 2px solid transparent;
  padding-bottom: 4px;
  margin-right: 7.11237553%;
  cursor: pointer;
}
#ourRecent .tab .current {
  color: #e60012;
  border-bottom-color: #e60012;
}
#ourRecent .box {
  display: none;
}
#ourRecent .box:first-child {
  display: block;
}
#ourRecent ul:after {
  content: '';
  display: block;
  clear: both;
  width: 100%;
  float: none;
}
#ourRecent li {
  float: left;
  width: 47.93814433%;
  padding-top: 3.91752577%;
}
#ourRecent li:nth-child(2n) {
  float: right;
}
#ourRecent time {
  display: block;
  font: 900 16px/1.5em 'Oswald';
  color: #ccc;
  margin-bottom: 3.78071834%;
  letter-spacing: 1px;
}
#ourRecent h4 {
  font-size: 20px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25em;
  margin-bottom: 2.268431%;
}
#ourRecent p {
  font-size: 15px;
  color: #999;
  line-height: 26px;
  height: 52px;
  -webkit-line-clamp: 2;
  margin-bottom: 4.15879017%;
}
#ourRecent i {
  display: block;
  width: 16px;
  height: 15px;
  background: url(../images/arrow_07.png) no-repeat 0 0;
  background-size: 100% auto;
}
#ourRecent a {
  display: block;
  overflow: hidden;
  background-color: #fff;
  padding: 6.42722117% 7.56143667% 7.56143667%;
  color: #000;
  box-shadow: 0px 1.04166667vw 2.08333333vw rgba(57, 60, 67, 0.1);
}
#ourRecent a:hover {
  color: #fff;
  background-color: #e60012;
}
#ourRecent a:hover time,
#ourRecent a:hover p {
  color: #fff;
}
#ourRecent a:hover i {
  background-position: 0 100%;
}
/*ourEvents*/
#ourEvents {
  padding: 7.03125% 0 4.16666667%;
  background-color: #fff;
}
#ourEvents .inner {
  position: relative;
  z-index: 2;
}
#ourEvents ul {
  width: 102.5%;
}
#ourEvents li {
  float: left;
  width: 22.56097561%;
  padding-right: 2.43902439%;
  padding-bottom: 2.43902439%;
}
#ourEvents .text {
  position: absolute;
  width: 94.59459459%;
  left: 2.7027027%;
  top: 2.7027027%;
  height: 91.4893617%;
}
#ourEvents .num {
  font-size: 18px;
  padding: 4.28571429% 2.85714286%;
}
#ourEvents .num span {
  color: #e60012;
}
#ourEvents .num .i {
  font: 900 36px/1.125em 'Oswald';
  padding: 0 5px;
}
#ourEvents .bg {
  padding-bottom: 63.51351351%;
}
#ourEvents .text {
  position: absolute;
}
#ourEvents a {
  display: block;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 2.08333333vw 3.90625vw rgba(57, 60, 67, 0.15);
}